<wicket:head>
	<style>
		.range{  
			width: 30px;
		 	height:18px;			
		}
		.title{
			height:26px;
			line-height:30px;
			background-color:#ccc;
			color:blue;
			font-weight:bold;
			border-bottom:2px solid #000
		} 
	</style>
	<script>		
		function radioClick(obj){
			document.getElementById("start").disabled = obj.value!="specifiedPage";
			document.getElementById("end").disabled = obj.value!="specifiedPage"
		}
	</script>
</wicket:head>
<wicket:extend>
	<form wicket:id="form" >	 
		<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="padding:5px 5px 5px 10px">
      	<tr valign="top">
      		<td><div class="title">选择要导出的列:</div></td>
      	</tr>
      	<tr valign="top" height="100%">
			<td><div wicket:id="grid"></div></td>      	
      	</tr>
      	<tr valign="top">
      		<td><div class="title">选择要导出的数据范围:</div></td>
      	</tr>
	    <tr>
	    	<td>
	    		<fieldset style="height:80px">
	    		<input type="radio" name="range" value="currentPage" checked="checked" onclick="radioClick(this)">当前页</input><br/>
				<input type="radio" name="range" value="specifiedPage" onclick="radioClick(this)">指定页：</input>从第<input type="text" id="start" name="start" disabled="disabled" class="range" ></input>页到第<input type="text" id="end" name="end" disabled="disabled" class="range" ></input>页<br/>
				<input type="radio" name="range" value="allPage" onclick="radioClick(this)">全部页</input><br/>
				<font color="red">这里并没有用wicket的组件（因为并不需要数据处理)，根据需要自己灵活处理</font>
				</fieldset>
			</td>
		</tr>								
		<tr>
			<td>
      			<input type="button" wicket:id="ok" style="width:100px" value="确定" />&nbsp;&nbsp;&nbsp;<input type="button" wicket:id="cancel" style="width:100px" value="放弃"/>
      		</td>
      	</tr>
      	</table>
	</form>
</wicket:extend>